*{margin: 0;padding: 0;outline: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;    box-sizing: border-box;}
html{min-height:100%;}
body{font-family: 'Microsoft YaHei', '宋体';font-weight: normal;font-size: 14px;position: relative;min-height:100%;background:#272727;}
a:hover{color: #f33;}
input,textarea,select{text-decoration: none;color: #333;font-family: 'Microsoft YaHei', '宋体'}
input[type="text"]{transition:0.8s;-moz-transition:0.8s;-webkit-transition:0.8s;-o-transition:0.8s;}
input[type="text"]:focus{}
button{cursor: pointer;transition:0.8s;-moz-transition:0.8s;-webkit-transition:0.8s;-o-transition:0.8s;font-family: 'Microsoft YaHei', '宋体'}
div,input,a,span{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
button,input,textarea{background: none;border: 0;font-size: 14px}
@imgurl:"../img/";
.body-login{position: static;background:url("@{imgurl}login_bg.png") no-repeat center;background-size:cover;}
.login{max-width:400px;margin:0px auto;position: absolute;top:50%;left:50%;margin:-160px 0px 0px -200px;}
.login-img{
    img{width:60%;display: block;margin:0px auto;}
}
.login-form{
    border:1px solid #cecece;background:#fff;position: relative;margin-top:30px;border-radius:5px;
    input{line-height: 20px;font-size:18px;width: 100%;padding:15px 15px;}
}
.login-form-pwd{padding-right:60px !important;}
.login-form-btn{width: 40px;height: 40px;position: absolute;right:10px;bottom:5px;background:url("@{imgurl}icon_login_btn.png") no-repeat center;}
.login-form-hr{background:#cecece;width: 100%;height: 1px;}
@media screen and (max-width:400px) {
    .login{
        left:0%;margin:-130px 0px 0px 0px;padding:0px 15px;
    }
    .login-img{
        img{width:80%;}
    }
}